<template>
  <div class="personal-discount">
  	<v-router-link :router-link="routerLinks"></v-router-link>
    <div class="discount-container">
    	<router-view></router-view>
    </div>
  </div>
</template>

<script>
import VRouterLink from '@/components/base/VRouterLink'
export default {
  name: 'PersonalDiscount',
  components: {
    VRouterLink
  },
  data () {
    return {
      routerLinks: [
        {
          title: this.$t('message.noUse'),
          path: 'notUse'
        },
        {
          title: this.$t('message.hasUse'),
          path: 'used'
        },
        {
          title: this.$t('message.overUse'),
          path: 'expire'
        }
      ]
    }
  }
}
</script>

<style scoped>
.personal-discount {
  background: #fff;
  min-height: 771px;
  padding: 40px;
}
</style>